@import "$yo-config/layout/yo-flex";
@import "$yo-config/element/yo-btn";

.yo-reg{
	background:#eee;
	ul{
		display:flex;
		width:100%;
		justify-content: center;
		align-items:center;
		flex-wrap:wrap;
		li{
			width:288px;
			height:62px;
			background:#fff;
			border:1px solid #ddd;
			border-radius:5px;
			margin-top:15px;
			a{
				display:flex;
				justify-content: space-around;
				align-items:center;
				margin-top:8px;
				em{
					display:inline-block;
					width:36px;
					height:36px;
				}
				span{
					display:inline-block;
					width:180px;
					color:#929292;
					strong{
						font-size:16px;
						color:#3d3d3d;
						font-weight:normal;
					}
				}
				i{
					display:inline-block;
					width:8px;
					height:14px;
					font-size:14px;
					color:#e0e0e0;
				}
			}
		}
		li:nth-of-type(1){
			em{
				background:url(../../../src/html/img/phone.png) no-repeat;
			}
		}
		li:nth-of-type(2){
			em{
				background:url(../../../src/html/img/mail.png) no-repeat;
			}
		}
	}
	.yo-tip{
		display:flex;
		width:100%;
		justify-content: center;
		align-items:center;
		margin-top:15px;
		.yo-tips{
			display:flex;
			justify-content: space-around;
			width:288px;
			height:48px;
			em{
				background:url(../../../src/html/img/gan.png) no-repeat;
				display:inline-block;
				width:28px;
				height:16px;
				margin-top:12px;
			}
		}
	}
}
